<!DOCTYPE html>
<html>
<head>
<title>Gosimple Linux Dashboard</title>
<link href="/static/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="/static/js/jquery.min.js"></script>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Gosimple Linux Dashboard" />
<!--webfont-->
<link href='/static/css/fonts.css?family=Play:400,700' rel='stylesheet' type='text/css'>

</head>
<body>
	<div class="header">
		<div class="container">
			<div class="logo text-center">
				<a href="/"><img src="/static/images/logo.png" alt="" /></a>
			</div>
			<div class="header-bottom">
				<div class="header-head text-center">
					<h1>Golang Simple Linux Dashboard</h1>
				</div>
				<div class="navigation-strip">
					<nav class="navbar navbar-default" role="navigation">
						<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						</div>

						<!--/.navbar-header-->			
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
							<li><a href="#cpu_utils">CPU Utils</a></li>
							<li><a href="#running_process">Running Process</a></li>
							<li><a href="#loadavg">Load</a></li>
							<li><a href="#memory_usage">Memory Usage</a></li>
							<li><a href="#tcp">Links(TCP/UDP)</a></li>
							<li><a href="#network_receive">Network Flow(R/T)</a></li>
							</ul>
						</div>
				<!--/.navbar-collapse-->
					</nav>
				
				<div class="clearfix"></div>
			</div>
			<!--/.navbar-->
			</div>
		</div>
	</div>

    <div class="content">
        <div class="container">
			<div class="span_1_by_2">
				<div class="col-md-6 onehalf" id="fisrt-column">
				<!--charts-->
					<div class="dashcharts" id="cpu_utils" ></div>	
					<div class="dashcharts" id="loadavg" ></div>	
					<div class="dashcharts" id="tcp" ></div>	
					
				</div>
				<div class="col-md-6 secoundhalf"  id="second-column">
					<div class="dashcharts" id="running_process" ></div>
					<div class="dashcharts" id="memory_usage" ></div>
					<div class="dashcharts" id="udp" ></div>				

				</div>
				<div class="clearfix"></div>
			</div>
        </div>
    </div>
	
	<div class="container">
		<div class="col-md-12 footer-bottom">
			<div class="copyrights text-center">
				<p>Gosimple Linux Dashboard. SurprisedCat presented | Template by <a href="http://www.smallseashell.com"> smallseashell </a></p>					
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
	
<!-- for bootstrap working -->
<script type="text/javascript" src="/static/js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- for echarts working -->
<script type="text/javascript" src="/static/js/echarts.min.js"></script>
<!-- //for echarts working -->
<!-- charts -->
<script type="text/javascript" src="/static/js/gosimple.js"></script>
<!-- charts -->
</body>
</html>